@charset "utf-8";

/* 菜单 */
.nav{height: 440px;position: relative;}

/* 头部下拉菜单 */
.nav-menu{width: 200px;background-color: #f3f3ff;position: absolute !important;display: none;z-index: 400;}
.nav-menu li >p{line-height: 29px;text-indent: 20px;}
.nav-menu li:hover >p{width: 200px;background-color: #fff;color: #f60;position: relative;z-index: 300;border: 1px solid #f60;border-right: 0;}
.nav-menu li:hover > div{display: block}
.nav-menu li:hover >p a{color: #f60;}
.nav-menu li div{display: none;width: 600px;height: 420px;position: absolute;left: 200px;top: 0;box-sizing: border-box;border: 1px solid #f60;z-index: 200;padding-left: 30px;background-color: #fff;}
.nav-menu li div p{ margin-top: 10px;}
.nav-menu li div dl{margin-top: 20px;}
.nav-menu li div dt{border-bottom: 1px solid #ccc;line-height: 26px;color: #f60;}
.nav-menu li div dd a{margin-right: 10px;line-height: 26px;}

/* 热卖畅销手风琴 */
.nav-right{width: 200px;height: 440px;border: 1px solid #ccc;color: #404040;box-sizing: border-box;}
.nav-right h4{font-size: 18px;line-height: 20px;font-weight: normal;color: #fff;background-color: #93d46f;}
.nav-right li{border-bottom: 2px solid #ccc;position: relative;}
.nav-right li:last-child{border: none;}
.nav-right li h5{font-size: 16px;line-height: 40px;font-weight: normal;}
.nav-right li h5.active{display: block;}
.nav-right ul{padding-left: 15px;}
.nav-right li span{display: inline-block;width: 20px;height: 20px;background-color: #f60;position: absolute;text-align: center;line-height: 20px;left: 165px;top: 0px;}
.nav-right div{display: none;}
.nav-right div.on{display: block;}
.nav-right div p{padding-top: 18px;font-size: 14px;}

/* 图书折扣区 */
.sale{ height: 570px; margin-top: 25px; }
.sale-top{ height: 50px; border-bottom: 6px solid #ff6600; box-sizing: border-box; }
.sale-top span{ display: block; width: 220px; height: 46px; background-color: #ff6600; text-align: center; line-height: 45px; color: #fff; }
.sale ul{ margin-left: 15px; }
.sale ul li{ width: 210px; height: 260px; margin-right: 25px; float: left;margin-top: 4px;}
.sale ul li .img1{ margin-top: 7px; margin-left: 30px; }
.sale ul li p{ margin-left: 10px; margin-top: 5px; }
.sale ul li:hover{ background-color: #f2f2f2; }

/* 新书上架 */
.news{ height: 540px; }
.news-top{ height: 40px;width: 900px; border-bottom: 6px solid #ff6600; box-sizing: border-box; }
.news-top .sp2{font-size: 20px;}
.news-top .sp1{ font-size: 26px; display: inline-block; width: 40px; height: 40px; background-color: #ff6600; color: #fff; text-align: center; line-height: 35px; }
.news-left ul{ width: 900px;height: 500px; border: 2px solid #e6e6e6; box-sizing: border-box; padding-bottom: 18px; }
.news-left ul li{ width: 170px; height: 220px; float: left; margin-left: 8px; margin-top: 18px; }
.news-left ul li img{ margin-left: 10px; }
.news-right{width: 280px;height: 500px;border: 1px solid #ccc;color: #404040;}
.news-right h4{font-size: 24px;text-align: center;line-height: 40px;}
.news-right li{border-bottom: 2px solid #ccc;position: relative;}
.news-right li:last-child{border: none;}
.news-right li h5{font-size: 16px;line-height: 40px;font-weight: normal;}
.news-right li h5.active{display: block;}
.news-right ul{padding-left: 20px;}
.news-right li span{position: absolute;left: -15px;top: 11px;}
.news-right div{display: none;}
.news-right div.on{display: block;}
.news-right div p{padding-top: 18px;}

/* 独家提供 */
.pro-title{border-bottom: 6px solid #f60;font-size: 24px;line-height: 34px;}
.pro-title h2 span{float: left;width: 40px;height: 34px;background-color: #f60;color: #fff;text-align: center;margin-right: 4px;}
.pro-title li{float: left;font-size: 14px;width: 100px;text-align: center;}
.pro-title li.active{color: #fff;background-color: #f60;}
.pro-list{padding: 10px 40px;}
.pro-list>div p:nth-child(2){line-height: 32px;}
.pro-list>div p:nth-child(3){color: #ccc;}
.pro-list>div p:nth-child(4) del{padding-left: 20px;}
.pro-list >div{ width: 186px; height: 220px; float: left; 
box-sizing: border-box;} 
.pro-slider img{ width: 150px !important; height: 150px !important;}

/* 猜你喜欢 */
.guess .pro-title p{ font-size: 18px; cursor: pointer; }
.guess-box{ height: 460px; overflow: hidden; position: relative;border-bottom: 2px solid #ccc;}
.guess-ul{ position: absolute;}

/* 顶部搜索框 */
.fix-top{width: 100%;height: 70px;background-color: #fff;position: fixed;top: 0;border-bottom: 6px solid #f60;display: none;z-index: 400;}
.fix-top .head-search{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

/* 倒数广告图 */
.pox{height: 110px;}
.pox div{width: 200px;height: 110px;float: left;box-sizing: border-box;}
